<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Vite App</title>
  <link rel="stylesheet" href="./src/scss/swiper-bundle.min.css" />
</head>

<body>
  <div class="all">
    <header>
      <div><img src="./src/img/更多.png" alt=""></div>
      <input type="text" placeholder="搜索">
    </header>
    <section>
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="./src/img/banner1.jpg" alt=""></div>
          <div class="swiper-slide"><img src="./src/img/banner2.jpg" alt=""></div>
          <div class="swiper-slide"><img src="./src/img/banner3.jpg" alt=""></div>
          <div class="swiper-slide"><img src="./src/img/banner4.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination">
          <!-- <span class="my-bullet"></span>
          <span class="my-bullet"></span>
          <span class="my-bullet"></span>
          <span class="my-bullet"></span> -->
        </div>

        <!-- 如果需要导航按钮 -->
        <!-- <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->

        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
      </div>
      <div class="menu">
        <div class="recom"><div class="org"><img src="./src/img/recom.jpg" alt=""></div><span>每日推荐</span></div>
        <div class="FM"><div class="org"><img src="./src/img/FM.jpg" alt=""></div><span>每日推荐</span></div>
        <div class="songList"><div class="org"><img src="./src/img/song.jpg" alt=""></div><span>每日推荐</span></div>
        <div class="rank"><div class="org"><img src="./src/img/rank.jpg" alt=""></div><span>每日推荐</span></div>
        <div class="auBook"><div class="org"><img src="./src/img/auBook.jpg" alt=""></div><span>每日推荐</span></div>
        <div class="number"><div class="org"><img src="./src/img/number.jpg" alt=""></div><span>每日推荐</span></div>
        <div class="live"><div class="org"><img src="./src/img/live.jpg" alt=""></div><span>每日推荐</span></div>
        <div class="newSong"><div class="org"><img src="./src/img/new.jpg" alt=""></div><span>每日推荐</span></div>
        <div class="coll"><div class="org"><img src="./src/img/coll.jpg" alt=""></div><span>每日推荐</span></div>
      </div>
    </section>
  </div>
  <script type="module" src="/src/js/main.js"></script>
  <script src="./src/js/swiper-bundle.min.js"></script>
</body>

</html>